<template>
  <div class="user-tabs-container content-main margin--top">
    <el-menu
      mode="horizontal"
      @select="handleSelect"
      :default-active="activeIndex"
      active-text-color="var(--theme)"
    >
      <el-menu-item index="1">发布的文章</el-menu-item>
      <el-menu-item index="2">觉得很赞</el-menu-item>
      <el-menu-item index="3">收藏集</el-menu-item>
      <el-menu-item index="4">所有评论</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: '1'
    };
  },
  methods: {
    handleSelect(tab, event) { }
  }
}
</script>

<style lang="scss" scoped>
</style>